import postcssPxtorem from 'postcss-pxtorem'
import autoprefixer from 'autoprefixer'

export default {
  plugins: [
    // rem配置
    postcssPxtorem({
      //根元素字体大小
      rootValue: 28,
      //匹配CSS中的属性，* 代表启用所有属性
      propList: ['*'],
      //转换成rem后保留的小数点位数
      unitPrecision: 5,
      //小于12px的样式不被替换成rem
      // minPixelValue: 2,
      //忽略一些文件，不进行转换，比如我想忽略 依赖的UI框架
      exclude: /node_modules/i,
    }),
    // 自动补充浏览器前缀
    autoprefixer({
      // 指定目标浏览器
      overrideBrowserslist: [
        'Android 4.1',
        'iOS 7.1',
        'Chrome > 31',
        'ff > 31',
        'ie >= 8',
      ],
    }),
  ],
}